#banner { width: 100vw; z-index: 3; }
#banner:before{content:'';transform: skewX(-44deg);background: var(--white);width: 30%;height: 100%;position: absolute;left: calc(-25% - 10px);top: 0;z-index: 1;}
#banner .slick-slide { min-width: 100vw; }
#banner img { width: 100vw; min-height: 75vh; height: 75vh; }
#banner .pos_abs { width: 100vw; height: 75vh; top: 0; left: 0; }
#banner .info { height: 75vh; background: rgba(var(--black-rgb), .25); }
#banner .info .txt { margin: auto; }
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); }
#banner .info .txt h3 { font-size: 50px;  }
#banner .info .txt p { font-weight: 300; font-size: 18px; }
#banner a.pos_abs { z-index: 2; }
#banner video , #banner iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner , #banner * {
	transition: all 0s ease-out;
	-webkit-transition: all 0s ease-out;
	-moz-transition: all 0s ease-out;
	-o-transition: all 0s ease-out;
	-ms-transition: all 0s ease-out;
}

/* slick-current */
#banner .slick-current .info .txt * { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); transition-delay: .3s; -webkit-transition-delay: .3s; }
#banner .slick-current .info .txt p { transition-delay: .6s; -webkit-transition-delay: .6s; }

@media screen and (min-width: 761px){
	#banner img { min-height: 92vh; height: 92vh; }
	#banner .pos_abs {height: 92vh;}
}
@media screen and (max-width: 1024px){
	#banner img{object-position: 80% 0;}
	#banner:before{left: calc(-34% - 10px);width: 40%;}
}
@media screen and (max-width: 768px){
	#banner img { min-height: 65vh; height: 65vh; }
	#banner .pos_abs {height: 65vh;}
	#banner:before{left: calc(-45% - 10px);width: 90%;height: 100px;}
}
@media screen and (max-width: 550px){
	#banner img { min-height: 50vh; height: 50vh; }
	#banner .pos_abs {height: 50vh;}
	#banner:before{left: calc(-32% - 10px);width: 90%;height: 100px;}
	#banner .info .txt h3 { font-size: 12vw; }
}